<template>
	<view>
		<view class="list_top_title">
			<text class="red">*</text>
			<text class="list_top_font">
				设备类型:
			</text>
		</view>
		<view class="list_input">
			<view class="input_key flex">
				<input type="text" maxlength="20" placeholder="机器" disabled />
			</view>
		</view>
		<view class="list_top_title">
			<text class="red">*</text>
			<text class="list_top_font">
				出厂时间:
			</text>
		</view>
		<view class="list_input">
			<view class="input_key flex">
				<input type="text" placeholder="2023-7-20" maxlength="20" disabled />
			</view>
		</view>
		<view class="list_top_title">
			<text class="red">*</text>
			<text class="list_top_font">
				生产组别:
			</text>
		</view>
		<view class="list_input">
			<view class="input_key flex">
				<input type="text" placeholder="一组" maxlength="20" disabled />
			</view>
		</view>
		<view class="list_top_title">
			<text class="red">*</text>
			<text class="list_top_font">
				客户名称:
			</text>
		</view>
		<view class="list_input">
			<view class="input_key flex">
				<input type="text" placeholder="lllll" maxlength="20" disabled />
			</view>
		</view>
		<view>
		</view>
		<view class="view-biankuang" @click="daka"> 打卡 </view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			daka() {
				uni.navigateTo({
					url: '/pages/faceRecognition/faceRecognition'
				});
			}
		}
	}
</script>

<style>
	.list_top_title {
		margin-left: 3%;
		margin-top: 5%;
	}

	.red {
		color: red;
	}

	.list_top_font {
		font-family: 'Courier New', Courier, monospace;
		font-size: 20px;
	}

	.list_input {
		width: 200px;
		height: 30px;
		margin-top: -25px;
		margin-left: 35%;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}

	.view-biankuang {
		width: 450rpx;
		height: 450rpx;
		display: flex;
		margin-top: 100rpx;
		flex: auto;
		align-items: center;
		margin-left: 20%;
		justify-content: center;
		border-radius: 50%;
		border: 3rpx solid #ff5500;
		//从左往右渐变
		background: linear-gradient(to right, #00AAFF, pink);
	}
</style>